import {
  HtmlIcon,
  cssIcon,
  JSIcon,
  TSIcon,
  VueIcon,
  ReactIcon,
  Applet,
  Houduan,
  GitIcon,
  NodeIcon
} from '@/iconpark'

const en = {
  info: {
    name: '刘圣凯',
    phone: '17688899512',
    email: 'lsk_whalefall',
    blogUrl: 'https://juejin.cn/user/1134351730882941',
    github: 'https://github.com/lskAtGithub',
    gitee: 'https://gitee.com/lsk_ciao',
    title: 'web developer',
    address: 'Shenzhen, China',
    blog: 'blog'
  },
  navName: {
    yearOfWork: 'Work',
    baseInfo: 'About',
    works: 'Portfolio',
    skills: 'Skilled'
  },
  skillData: [
    {
      name: 'HTML',
      desc: [
        'proficient in HTML5 standards, proficient in the application of HTML semantic tags, and write code in accordance with W3C specifications.',
        'replace outdated div layouts with HTML5 elements, improve code readability, and effectively optimize website SEO.',
        'rich semantic tag application scenarios, including building web page structures, form tags, multimedia tags, etc.',
        'ability to write reusable, extensible HTML module code. Learn how to improve the accessibility and compatibility of your labels.'
      ],
      icon: HtmlIcon,
      proficiency: 95,
      color: '#fc490b'
    },
    {
      name: 'CSS',
      desc: [
        'proficient in CSS3, write compact, maintainable and reusable CSS code according to industry specifications.',
        'It can realize the style layout of the web page according to the design drawing and restore the design effect. Proficient in using Flex, Grid and other layout solutions, proficient in dealing with various page layout needs.',
        'proficient in various page animation effects, rich pages, interesting and ornamental.',
        'master the use of CSS preprocessor (Sass/Less), reasonably divide style modules, and improve the code reuse rate. Implement CSS code optimization and compression. Learn about the application and customization of UI libraries. Ability to write and extend styles based on component documentation.',
        'master responsive design skills, and be proficient in writing adaptation schemes such as viewports, fluid grids, and auto-scaling text to achieve mobile style compatibility.'
      ],
      icon: cssIcon,
      proficiency: 80,
      color: '#2196f3'
    },
    {
      name: 'JavaScript',
      desc: [
        'proficient in JavaScript language, master the development mode of object-oriented, functional programming and other programming paradigms. In-depth understanding of asynchronous mechanisms, event loops, prototype chains, closures, and promise principles.',
        'proficiency in ES6 and higher specifications increases productivity with the latest features such as module systems, object deconstruction, extension operators, and more.',
        'read the source code of the framework through JS to better understand and use the framework',
        'master engineering and automation capabilities such as code quality and programming specifications. Proficient in packaging tools such as Webpack, vite, etc., proficient in front-end engineering flow formulation such as gulp, and design JS build solutions according to project requirements.'
      ],
      icon: JSIcon,
      proficiency: 90,
      color: '#f5dd1e'
    },
    {
      name: 'TypeScript',
      desc: [
        'proficient in TypeScript language features, including the use of type systems, interfaces, generics, etc.',
        'TS is used instead of JS as the development language in medium and large projects, and development efficiency and code quality are improved through static type checking.',
        "familiar with TypeScript's unique type representations such as union types, tuples, enumerations, assertions, etc., you can clearly and accurately define variables and function interfaces.",
        'understand the compilation principles of TS, set the corresponding compilation goals and options for different runtime environments, and generate compatible JS code.',
        'through interface constraints, the specification and document utility of TS in team collaboration can be brought into play, and the communication cost can be effectively reduced. Use generics to flexibly create components/functions with reusable logic to improve development efficiency.'
      ],
      icon: TSIcon,
      proficiency: 65,
      color: '#0288d1'
    },
    {
      name: 'Vue',
      desc: [
        'proficiency in Vue 2 and Vue3 to understand their differences and optimizations in terms of compilation, performance, etc.',
        'you can quickly get started with Vue-based design systems and component libraries for secondary packaging and expansion',
        'understand the Vue source code and understand how it relies on tracking and updating mechanisms. It can locate and debug framework exceptions based on source code analysis. Have a deep understanding of the Vue rendering mechanism, and be able to choose the optimal rendering solution based on the operating environment conditions.',
        'proficient in the development mode of Vue Single File Component (SFC), clearly organize the interface, logic, and style code. Proficient in Vue Router, Vuex, pinia and other Vue peripheral extensions'
      ],
      icon: VueIcon,
      proficiency: 90,
      color: '#41b883'
    },
    {
      name: 'uni-app',
      desc: [
        'proficient in using the UniApp framework for cross-platform application development, covering iOS, Android and various mainstream Mini Program platforms. Based on the unified syntax and components, the efficient development mode of Write Once, Run Everywhere is implemented.',
        'familiar with the conditional compilation and life cycle of UniApp, and realize the adjustment of component characteristics and business logic as needed.',
        'rich experience in the development and debugging of applets and native plug-ins, and the functions of UniApp can be customized and extended',
        'familiar with UniApp application deployment, release, and shelf',
        'learn about services such as cloud platform, SCF, and DB, and work with the front-end to complete full-stack applications'
      ],
      icon: Applet,
      proficiency: 80,
      color: '#00b240'
    },
    {
      name: 'React',
      desc: [
        'ability to develop business in a team collaboration',
        'ability to use part of React peripherals (routing, state management, UI libraries, etc...) ）'
      ],
      icon: ReactIcon,
      proficiency: 30,
      color: '#61dafb'
    },
    {
      name: 'Git / Svn',
      desc: [
        'proficient in using version control systems for code repository management',
        'through version control, multiple versions can be developed at the same time, and different launches can be carried out in a granular manner',
        'optimize the clarity of the development process by establishing submission rules'
      ],
      icon: GitIcon,
      proficiency: 80,
      color: '#47f3e0'
    },
    {
      name: 'Node',
      desc: [
        'proficient in using NodeJs, build services through Express in the early stage of development, and return data as a mock interface',
        'proficient in using NodeJs to write some scripts, manipulate files, implement data crawling, etc...'
      ],
      icon: NodeIcon,
      proficiency: 50,
      color: '#689f63'
    },
    {
      name: 'Java / Python3',
      desc: [
        'knowledge of Java, python3, JavaWeb, and have developed some personal projects using some back-end technical languages'
      ],
      icon: Houduan,
      proficiency: 10,
      color: '#47f3e0'
    }
  ],
  works: [
    {
      companyName: '峰涛科技有限公司',
      timeGap: '2021.07 - 2023.08',
      title: 'web developer leader',
      workContent: [
        'Responsible for the technical selection of multiple project teams of the company, the formulation of code specifications, the support for other project teams, project optimization, and the implementation of technical difficult solutions',
        "Responsible for the business development of the company's project team",
        "Responsible for the framework construction and project optimization of the company's internal projects",
        'Responsible for the technical docking with Party A of the company'
      ],
      workMerit: [
        'It provides the company with a mature micro-front-end technology solution',
        'During his tenure, he drove the front-end technology for the company and used better solution technology to realize the business',
        'Responsible for the upskilling of other front-end companies and the sharing of organizational technologies, and promote the career development of other colleagues'
      ]
    },
    {
      companyName: '瑞联祥科技有限公司',
      timeGap: '2019.07 - 2021.06',
      title: 'web developer',
      workContent: [
        "Independently responsible for the development of the company's back-end management system",
        "Independently responsible for the multi-terminal hybrid development of the company's mini program APP",
        "Responsible for the development of the company's SaaS platform"
      ],
      workMerit: [
        "After joining the company, the company's business code was refactored for the second time",
        'After joining the company, he formulated code specifications to improve the maintainability, readability, and extensibility of the code',
        "In-depth into the company's business, for the company's business from the front-end technical level to provide a lot of ideas, making the company's products easier to use, by the company's business department praise"
      ]
    },
    {
      companyName: '好乐付科技有限公司',
      timeGap: '2018.06 - 2019.06',
      title: 'web developer',
      workContent: [
        "Collaborate to develop the company's business",
        "He was solely responsible for some outsourcing projects of the company's other governments"
      ],
      workMerit: [
        'During his tenure, he perfectly solved the browser compatibility problem, and realized the effect of the new browser to the greatest extent in the case of compatibility',
        "During his tenure, he collaborated on development, which provided a good solution for the company's technical construction",
        'Code review with colleagues, think about how to better collaborate on development, and work out some development rules together'
      ]
    },
    {
      companyName: '华亿教育科技',
      timeGap: '2017.10 - 2018.04',
      title: 'web developer',
      workContent: [
        "Responsible for the development of the company's business code",
        "Continuously understand new technologies and apply them to the company's business"
      ],
      workMerit: [
        "The use of better technical solutions has promoted the iteration of the company's technology stack to some extent",
        'Optimized solutions for above-the-fold screen loading and image loading, encapsulating commonly used JS functions, adding responsiveness to the H5 project, so that it can restore the design draft on different models to the greatest extent'
      ]
    },
    {
      companyName: '有野电子商务',
      timeGap: '2016.10 - 2017.07',
      title: 'web developer',
      workContent: ["Responsible for the development and maintenance of the company's business"],
      workMerit: [
        'Constantly understanding new technologies has quickly improved personal technical vision'
      ]
    }
  ]
}

export default en
